<div class="modal fade" id="itemEditModal" tabindex="-1" role="dialog"
  aria-hidden="true">
  <div class="modal-dialog  modal-lg " role="document">
    <!-- Modal主体 -->
    <div class="modal-content">
      <!-- Modal头: 商品名称 -->
      <div class="modal-header">
        <h5 class="modal-title" id="itemModalTitle">
          修改商品信息
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <form action="" method="post">

            <div class="col-md-12">
                <div class="row col-md-12" >
                    <div class="form-group col-sm-8">
                        <label for="itemName">商品名称*</label>
                        <input type="text" name="itemName" class="form-control"  id="itemName" autocomplete="off">
                        <small id="itemNameHelper" class="form-text text-muted">输入准确的商品名称, 更容易被搜索到(36字以内)</small>
                        <div class="invalid-feedback">
                            必填项，请注意字符长度限制
                        </div>
                    </div>
                
                    <div class="form-group col-sm-4">
                        <label for="itemPrice">商品价格*</label>
                        <input type="text" name="itemPrice" class="form-control"  id="itemPrice" autocomplete="off">
                        <small id="itemNameHelper" class="form-text text-muted">请输入整数, 最小值为0</small>
                        <div class="invalid-feedback">
                            请检查输入是否符合要求
                        </div>
                    </div>
                </div>
                
                <div class="form-group col-sm-12">
                    <label for="itemDescription">商品简介*</label>
                    <input type="text" name="itemDescription" class="form-control" placeholder="简单介绍商品的特性、卖点等" id="itemDescription" autocomplete="off">
                    <small id="itemDescriptionHelper" class="form-text text-muted">简要的补充说明（200字以内）</small>
                    <div class="invalid-feedback">
                        必填项，请注意字符长度限制
                    </div>
                </div>
                <div class="form-group col-sm-12">
                    <label for="itemOldNewRate">新旧程度描述</label>
                    <input type="text" name="itemOldNewRate" class="form-control" placeholder="可以介绍物品来源、成色、使用情况等" id="itemOldNewRate" autocomplete="off">
                    <small id="itemDescriptionHelper" class="form-text text-muted">36字以内</small>
                    <div class="invalid-feedback">
                        请注意字符长度限制
                    </div>
                </div>
                
                <div class="form-group col-sm-12">
                    <label for="coverFileName">封面图片标识码*</label>
                    <input type="text" name="coverFileName" class="form-control disable" placeholder="点击上传按钮、上传成功之后才算完成~" id="coverFileName" readonly autocomplete="off">
                    <small id="itemNameHelper" class="form-text text-muted">上传图片后自动生成</small>
                </div>
                <div class="invalid-feedback">
                    请上传图片
                </div>
            </div>
            <hr>

            <div class="w-sm-75 mx-4">
                <div id="showFileInputItem" style="width: fit-content;">
                    <button class="btn btn-outline-primary btn-sm" type="button"  onclick="loadFileinput()">加载上传模块</button>
                    <p class="text-muted"><small>不需要修改图片则无需上传, 以标识码为准</small></p>
                </div>
                <div class="form-group col-md-12" id="uploadfileArea" style="display: none;">
                    <label for="file">上传封面图片（仅一张）*</label>
                    <input type="file" name="file" id="uploadfile" data-browse-on-zone-click="true" accept=" /image/jpeg,/image/jpg" >
                </div>
            </div>  
            
            
            <!-- <div class="col-md-4">
                <img src="images/north.jpg"
                    style="background-image:url(./images/north.jpg)" class="img-thumbnail" >
                <button id="btn_uploadPic" class="btn btn-outline-primary col-sm-12 mt-3" type="submit" name="upvote" value="upvote" formmethod="POST">上传封面图片</button>
            </div> -->

        <hr>
        <div class="col-sm-12 pl-4">
            <label for="" class="h5">运送方式</label>
            <div class="row px-2">
                
                <div class="form-check form-inline col-sm">
                    <input class=" form-check-input" type="checkbox" value="" name="deliverByPost" id="deliverByPost">
                    <label class=" form-check-label" for="deliverByPost">
                        支持邮寄
                    </label>
                </div>
                <div class="form-check form-inline col-sm">
                    <input class=" form-check-input" type="checkbox" value="" name="deliverByFace" id="deliverByFace">
                    <label class=" form-check-label" for="deliverByFace">
                        支持当面交易
                    </label>
                </div>
                <div class="form-check form-inline col-sm">
                    <input class=" form-check-input" type="checkbox" value="" name="deliverNoNeed" id="deliverNoNeed">
                    <label class=" form-check-label" for="deliverNoNeed">
                        无需运送
                    </label>
                </div>
    
            </div>
        </div>
        
        
        <hr>
        <div class="form-group col-sm-12 pl-4">
            <label for="remarks" class="h5">备注</label>
            <input type="text" class="form-control" placeholder="一行小字，可以放必要的声明" name="remarks" id="remarks" autocomplete="off">
            <small id="itemDescriptionHelper" class="form-text text-muted">100字以内</small>
            <div class="invalid-feedback">
                请注意字符长度限制
            </div>
        </div>
    </form>
      
      <!-- 底部按钮: 应用更改 / 关闭 Modal -->
      <div class="modal-footer">

        <div id="applyItemChange" class="btn btn-success" onclick="submitItemChange()">应用更改</div>
        <!-- jQuery: userWeChat -->
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>